/* pages/collect/index.wxss */
.tabs {
    width: 100vw;
    display: flex;

    .tab {
        text-align: center;
        padding: 16rpx;
        font-size: 28rpx;
        flex: 1;
        border-bottom: 2rpx solid var(--themeColor);
    }

    .isactive {
        border-bottom: 4rpx solid rgb(71, 29, 29);
    }
}

.cart {
    width: 100%;

    .item {
        width: 100%;
        display: flex;
        height: 250rpx;
        border-bottom: 3rpx solid black;

        .image {
            flex: 3;

            image {
                height: 100%;
                width: 100%;
                padding: 20rpx;
            }
        }

        .box {
            flex: 4;
            font-size: 20rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 6rpx;
            width: 100%;

            .title_top {
                font-size: 25rpx;
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                color: #666
            }

            .title_bottom {
                display: flex;
                justify-content: space-between;

                .price {
                    font-size: 30rpx;
                    color: red;
                }

            }
        }
    }

}